@charset "utf-8";
/* CSS Document */

body,img,ul,li,p,div,a{margin:0;padding:0;border:0;cursor:pointer; list-style:none; text-decoration:none;}
.view_top,.view_bottom,.view_left,.view_right{ border:none; background:none;z-index:3;}
body{ width:100%; height:100%; background: url(../images/banckground.jpg) no-repeat ;background-size:100%; background-color:#8f8e8e; position:relative;}
button{outline:none;background:transparent;border:none;}
.body{ width:100%; height:100%; position:absolute; top:0; left:0;}
.logo{ width:118px; height:70px; position:absolute; top:5%; left:5%;}
.f{ width:40px; height:33px;position:absolute; top:80%; right:15%;}
.l{ width:40px; height:33px;position:absolute; top:80%; right:10%;}
.t{ width:40px; height:33px;position:absolute; top:80%; right:5%;}
.color{ width:420px; height:28px; position:absolute; top:88%; right:3.5%;}
.color_li{ width:50px; height:28px; margin-right:20px; float:left;}
.color_li1{ width:50px; height:28px;float:left;}
.foot{ width:100%; height:35px; background:#041c38; position:absolute;left:0;bottom:0;}
.a1{ color:#FFF; font-size:18px; font-family:"微软雅黑"; float:right; line-height:35px; margin-right:70px;}
.a2{ color:#FFF; font-size:18px; font-family:"微软雅黑"; float:right; line-height:35px; margin-right:40px;}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1366px){
} 
@media screen and (max-width:1280px){
} 
@media screen and (max-width:1024px){
}
@media screen and (max-width:768px){
body{ width:100%; height:100%; background:url(../images/iphone.png) no-repeat;background-size:100%; background-color:#8f8e8e; position:relative;}
.logo{ width:66px; height:41px; position:absolute; top:2%; left:5%;}
.f{ width:25px; height:22px;position:absolute; top:82%; right:25%;}
.l{ width:25px; height:22px;position:absolute; top:82%; right:15%;}
.t{ width:25px; height:22px;position:absolute; top:82%; right:4.5%;}
.color{ width:360px; height:24px; position:absolute; top:88%; right:0; }
.color_li{ width:44px; height:24px; margin-right:15px; float:left;}
.color_li1{ width:44px; height:24px;float:left;}
.foot{ width:100%; height:44px; background:#041c38; position:absolute;left:0;bottom:0;}
.a1{ color:#FFF; font-size:18px; font-family:"微软雅黑"; float:right; line-height:44px; margin-right:40%;}
.a2{ color:#FFF; font-size:18px; font-family:"微软雅黑"; float:right; line-height:44px; margin-right:45px;}
}
@media screen and (max-width: 640px) {
body{ width:100%; height:100%; background:url(../images/iphone.png) no-repeat;background-size:100%; background-color:#8f8e8e; position:relative;}
.logo{ width:66px; height:41px; position:absolute; top:2%; left:5%;}
.f{ width:25px; height:22px;position:absolute; top:82%; right:25%;}
.l{ width:25px; height:22px;position:absolute; top:82%; right:15%;}
.t{ width:25px; height:22px;position:absolute; top:82%; right:4.5%;}
.color{ width:360px; height:24px; position:absolute; top:88%; right:-2.5%; }
.color_li{ width:44px; height:24px; margin-right:15px; float:left;}
.color_li1{ width:44px; height:24px;float:left;}
.foot{ width:100%; height:35px; background:#041c38; position:absolute;left:0;bottom:0;}
.a1{ color:#FFF; font-size:18px; font-family:"微软雅黑"; float:right; line-height:35px; margin-right:135px;}
.a2{ color:#FFF; font-size:18px; font-family:"微软雅黑"; float:right; line-height:35px; margin-right:45px;}
}
@media screen and (max-width: 480px) {
.logo{ width:66px; height:41px; position:absolute; top:2%; left:5%;}
.f{ width:25px; height:22px;position:absolute; top:82%; right:25%;}
.l{ width:25px; height:22px;position:absolute; top:82%; right:15%;}
.t{ width:25px; height:22px;position:absolute; top:82%; right:4.5%;}
.color{ width:360px; height:24px; position:absolute; top:88%; right:-2.5%; }
.color_li{ width:44px; height:24px; margin-right:15px; float:left;}
.color_li1{ width:44px; height:24px;float:left;}
.foot{ width:100%; height:35px; background:#041c38; position:absolute;left:0;bottom:0;}
.a1{ color:#FFF; font-size:18px; font-family:"微软雅黑"; float:right; line-height:35px; margin-right:135px;}
.a2{ color:#FFF; font-size:18px; font-family:"微软雅黑"; float:right; line-height:35px; margin-right:45px;}
}
@media screen and (max-width: 320px) {
.logo{ width:66px; height:41px; position:absolute; top:2%; left:5%;}
.f{ width:25px; height:22px;position:absolute; top:72%; right:25%;}
.l{ width:25px; height:22px;position:absolute; top:72%; right:15%;}
.t{ width:25px; height:22px;position:absolute; top:72%; right:4.5%;}
.color{ width:240px; height:24px; position:absolute; top:82%; right:-1%; }
.color_li{ width:25px; height:24px; margin-right:15px; float:left;}
.color_li1{ width:25px; height:24px; float:left;}
.foot{ width:100%; height:35px; background:#041c38; position:absolute;left:0;bottom:0;}
.a1{ color:#FFF; font-size:18px; font-family:"微软雅黑"; float:right; line-height:35px; margin-right:100px;}
.a2{ color:#FFF; font-size:18px; font-family:"微软雅黑"; float:right; line-height:35px; margin-right:40px;}
}